<ui:composition template="templateProveedor.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"> 

	<ui:define name="cdRegistro">
	
	<div class="well">
	<!-- <h1 id="forms">Nuevo contenido digital</h1> -->
		<h:form enctype="multipart/form-data" id="form" styleClass="bs-example form-horizontal">
				
			<fieldset>
			
			<legend>Contenido Digital  |  Registro</legend>
											
			<p:growl id="mensajes" showDetail="true" life="2000" sticky="true" autoUpdate="true"/>


			<div class="form-group">
		<p:outputPanel>
			Nombre,<br/> 
			Categoría, <br/>
			descripción, <br/>
			5 fotos, <br/>
			1 video,<br/>
			
			precio(de la ultima version),<br/>
			última versión disponible (numero),<br/> 			 
			valoración (del contenido luego de estar publicado),<br/> 
			Tamaño (del archivo de la ultima version publicada del contenido),<br/> 
			Cantidad de Descargas (es la suma de todas las versiones publicadas por el contenido),<br/> 
			Información de contacto del proveedor (para la visualizacion es mostrar el proveedor que la publico)<br/>		
		</p:outputPanel>
			</div>


			<div class="form-group">
				<h:outputLabel value="Logo " styleClass="control-label col-lg-2"/>
				<div class="col-lg-8 row-lg-3">					
					<p:fileUpload fileUploadListener="#{utilsBean.subirImagen}" 
									allowTypes="/(\.|\/)(gif|jpg|jpeg|gif|png|PNG|GIF|JPG|JPEG)$/" 
									update="mensajes" sizeLimit="10000000" auto="true" multiple="true"
									cancelLabel="Cancelar" label="Seleccionar" uploadLabel="Confirmar" 
									styleClass="btn-group" fileLimit="1" fileLimitMessage="Puede Ingresar soloamente 1 logo"/>
				</div>
			</div>

			<div class="form-group">
				<h:outputLabel value="Nombre " styleClass="control-label col-lg-2"/>
				<div class="col-lg-8">					
					<h:inputText label="Nombre" value="#{contenidoDigitalBean.nombre}" placeholder="Nombre" styleClass="form-control"></h:inputText>
				</div>
			</div>

			<div class="form-group">
				<h:outputLabel value="Descripcion" styleClass="control-label col-lg-2"/>
				<div class="col-lg-8">					
					<h:inputTextarea label="Descripcion" value="#{contenidoDigitalBean.descripcion}" placeholder="Descripcion" styleClass="form-control"></h:inputTextarea>					
				</div>
			</div>

			<div class="form-group">		            
		  		<h:outputLabel value="Subcategoria " styleClass="control-label col-lg-2"/>
				<div class="col-lg-3">			  		
					<h:selectOneMenu label="Subcategoria" id="subcat" value="#{contenidoDigitalBean.subcategoria.nombre}" effect="fade" styleClass="form-control">
						<f:selectItem itemLabel="Seleccionar Subcategoria..." itemValue="" />
			            <f:selectItems value="#{contenidoDigitalBean.subcategorias}" var="sc" itemLabel="#{sc.nombre}" itemValue="#{sc.nombre}" />
			        </h:selectOneMenu>
				</div>
		        <h:outputLabel value="Filtrar por Categoria: " styleClass="control-label col-lg-2"/>
				<div class="col-lg-3">		            
		            <h:selectOneMenu label="Categoria" id="categoria" value="#{contenidoDigitalBean.categoria.nombre}" effect="fade" styleClass="form-control">
		            	<f:selectItem itemLabel="Seleccionar Categoria..." itemValue="" />
		                <f:selectItems value="#{contenidoDigitalBean.categorias}" var="categoria" itemLabel="#{categoria.nombre}" itemValue="#{categoria.nombre}"/>
		                <p:ajax update="subcat" listener="#{contenidoDigitalBean.getSubcategoriasPorCategoria}" />
		            </h:selectOneMenu>
				</div>
			</div>

			<div class="form-group">
				<h:outputLabel value="Imaganes... " styleClass="control-label col-lg-2"/>
				<div class="col-lg-8 row-lg-3">					
					<p:fileUpload fileUploadListener="#{utilsBean.subirMultiplesImagenes}"
									allowTypes="/(\.|\/)(gif|jpg|jpeg|gif|png|PNG|GIF|JPG|JPEG)$/" 
									update="mensajes" sizeLimit="10000000" auto="false" 
									multiple="true" styleClass="btn-group" fileLimit="5" 
									fileLimitMessage="Puede Ingresar soloamente 5 imaganes" />
				</div>
			</div>
			
			<div class="form-group">
				<h:outputLabel value="Link video" styleClass="control-label col-lg-2"/>
				<div class="col-lg-8">					
					<p:inputText label="Video" value="#{contenidoDigitalBean.video}" placeholder="Video..." styleClass="form-control"></p:inputText>					
				</div>
			</div>
			

			<div class="form-group" style="text-align:center; margin: auto;">
			<br />
	         	<p:commandButton id="regButton" value="Registrar" update="mensajes"
		             actionListener="#{contenidoDigitalBean.postRegistroCD}" styleClass="btn btn-primary"/>
			</div>
		             
			</fieldset>
		
		</h:form>
	</div>
	
	</ui:define>
</ui:composition>